<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head th:include="_meta :: header">
    <title>列表</title>
</head>
<body>
<div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">音转视抽查</a>
            <a>
              <cite>待抽查的音转视</cite></a>
          </span>
    <a class="layui-btn layui-btn-small" style="float: right;height: 30px;line-height: 30px;margin-top: 5px;" onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <form action="#" class="layui-form layui-col-space5" th:action="@{/admin/videoLeader/unCheck}" method="post">

                        <div class="layui-inline ">
                        <input type="hidden"  id="videoListSize" name="videoListSize"  th:value="${videoListSize}">
                        <select id="groupId" name="groupId" lay-filter="category" >
                            <option value="">请选择</option>
                            <option th:each="c:${videoList}"  th:value="${c.groupId}" th:selected="${video.groupId eq c.groupId}" th:text="${c.groupName}">
                            </option>
                        </select>
                        </div>

                        <div class="layui-inline">
                            <button type="submit" class="layui-btn  layui-btn-success radius"><i class="layui-icon">&#xe615;</i>
                            </button>
                        </div>
                        <div class="cl pd-5 bg-1 bk-gray " >
							<span class="l">
<!--                                <a href="javascript:;"-->
<!--                                   onclick="deleteAll('/admin/video/deleteAll')"-->
<!--                                   class="layui-btn  layui-btn-danger radius"><i class="layui-icon">&#xe64d;</i> 批量删除</a>-->
<!--						<a href="javascript:;"-->
<!--                           onclick="layer_show('添加','/admin/video/addBefore',900,500)"-->
<!--                           class="layui-btn  layui-btn-normal radius"><i class="layui-icon">&#xe600;</i> 添加</a>-->
                        <a href="javascript:;"
                           onclick="getvideoIds('/admin/videoLeader/passAllvideo')"
                           class="layui-btn  layui-btn-normal radius"><i class="layui-icon">&#xe605;</i> 批量通过</a>

							</span>
                            <span class="r wei-height" style="float: right;margin-right: 20px">共有数据：<strong
                                    th:text="${pageInfo.total}"></strong> 条</span>
                        </div>
                        <div class="layui-card-body" style="text-align: center">
                            <table class="layui-table layui-form">
                                <thead>
                                <tr class="text-c">
                                    <th width="25"><input type="checkbox" name="" value="" lay-filter="checkall" lay-skin="primary"/></th>
                                    <th width="25">序号</th>
                                    <th width="40">稿件标题</th>
                                    <th width="40">文件名</th>
<!--                                    <th width="40">稿件编号</th>-->
                                    <th width="40">稿件类型</th>
                                    <th width="40">视频预览</th>
<!--                                    <th width="40">视频时长</th>-->

                                    <th width="40">视频制作人</th>
                                    <th width="40">状态</th>
                                    <th width="40">提交时间</th>
<!--                                    <th width="40">是否删除（0是 1 否）</th>-->
<!--                                    <th width="40">分配时间</th>-->
<!--                                    <th width="40">创建时间</th>-->
<!--                                    <th width="40">修改时间</th>-->
<!--                                    <th width="40">下载</th>-->
                                    <th width="70">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="text-c" th:if="${pageInfo.list.size() == 0}">
                                    <td colspan="15"><strong>暂无数据</strong></td>
                                </tr>
                                <tr class="text-c" th:each="video,count:${pageInfo.list}">
                                    <td><input type="checkbox" value="1" th:value="${video.id}"
                                               name="id" lay-skin="primary"/></td>
                                    <td th:text="${count.count}"></td>
                                    <td th:text="${video.draftTitle}"></td>
                                    <td th:text="${video.fileName}"></td>
                                    <!--                                    <td th:text="${video.draftId}"></td>-->
                                    <td th:if="${video.draftType==1}"th:text="音转视"></td>
                                    <input id="fileVideo" name="fileVideo" type="hidden" th:value="${video.videoUrl}">
                                    <td><video   th:src="${video.videoUrl}" style="height:100px;width:200px"  controls="controls"  preload="preload"></video></td>
<!--                                    <td th:text="${video.videoLength}"></td>-->
                                    <td th:text="${video.makerName}"></td>                                    <td th:if="${video.statusCode==1023}" th:text="待抽查"></td>
                                    <td th:text="${#temporals.format(video.submitTime, 'yyyy-MM-dd HH:mm:ss')}"></td>
<!--                                    <td th:text="${video.isDelete}"></td>-->
<!--                                    <td th:text="${#temporals.format(video.allotTime, 'yyyy-MM-dd HH:mm:ss')}"></td>-->
<!--                                    <td th:text="${#temporals.format(video.createTime, 'yyyy-MM-dd HH:mm:ss')}"></td>-->
<!--                                    <td th:text="${#temporals.format(video.updateTime, 'yyyy-MM-dd HH:mm:ss')}"></td>-->
<!--                                    <td> <a th:href="${video.videoUrl}"  download="video"><i class="layui-icon">&#xe642;</i></a></td>-->
                                    <td class="td-manage">


                                        <a title="查看详情" href="javascript:;"
                                        th:onclick="'javascript:layer_show(\'查看详情\',\'/admin/'+'video'+'/lastPreview/'
                                        +${video.draftId}+'?checkFlag=1001&buttonFlag=1001&rejectFlag=1001&code=2025&updateFlag=1001\',900,500)'"
                                        class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe615;</i></a>

                                        <a title="操作记录" href="javascript:;"
                                           th:onclick="'javascript:layer_show(\'操作记录\',\'/admin/'+'draftLog'+'/operation/'+${video.draftId}+'\',1000,500)'"
                                           class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe60e;</i></a>

<!--                                        <a title="查看详情" href="javascript:;"-->
<!--                                           th:onclick="'javascript:layer_show(\'查看详情\',\'/admin/'+'video'+'/editBefore/'+${video.id}+'\',900,500)'"-->
<!--                                           class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a>-->
<!--                                        <a title="下载" th:href="${video.videoUrl}"  download="video"><i class="layui-icon">&#xe601;</i></a>-->
<!--                                        <a title="删除" href="javascript:;"-->
<!--                                           th:onclick="'javascript:deleteById(\'/admin/'+'video'+'/delete/'+${video.id}+'\')'"-->
<!--                                           class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a>-->
<!--                                        <a title="通过" href="javascript:;"-->
<!--                                           th:onclick="'leaderVpassById('+ ${video.id}+')'"-->
<!--                                           class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe605;</i></a>-->
<!--                                        <a title="拒绝" href="javascript:;"-->
<!--                                           th:onclick="'leaderVrefuseById(' + ${video.id} + ')'"-->
<!--                                           class="ml-5" style="text-decoration:none"><i class="layui-icon">&#x1006;</i></a>-->

                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div th:include="_pagination :: page"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!--_footer 作为公共模版分离出去-->
<div th:replace="_footer :: footerjs">
</div>
<!--/_footer 作为公共模版分离出去-->


<script>
    layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var form = layui.form;
        // 监听全选
        form.on('checkbox(checkall)', function(data){

            if(data.elem.checked){
                $('tbody input').prop('checked',true);
            }else{
                $('tbody input').prop('checked',false);
            }
            form.render('checkbox');
        });
        form.on('select(selectchange)', function(data){
            console.log(data.value); //得到被选中的值
            var pageNo = $('#pageNo');
            var Form = $('form')
            pageNo.val(1);
            Form.submit();
            form.render('select');
        });
        //日期时间范围选择
        laydate.render({

        });
        lay('.timeSpace').each(function(){
            laydate.render({
                elem: this
                ,type: 'datetime'
                ,range: true //或 range: '~' 来自定义分割字符
            });
        });

        /*下拉框*/
        form.on('select(category)', function () {
            var groupId=$('#groupId').val();
            $('#groupIIID').val(groupId);
        });


    });
    function  downLoadfileByte() {
        var file=$('#fileVideo').val();
        var	data ={ "path":file };
        var url = "/admin/fileUpload/ossDownloadFile"//接口地址;
        DownLoad({ url:url,data:data});
    };
    function DownLoad(options) {
        var inputs="";
        var config = $.extend(true, { method: 'post' }, options);
        // var $iframe = $('<iframe id="down-file-iframe" />');
        var $form = $('<form target="down-file-iframe" method="' + config.method + '" />');
        $form.attr('action', config.url);
        for (var key in config.data) {
            $form.append('<input type="hidden" name="' + key + '" value="' + config.data[key] + '" />');
            inputs= '<input type="hidden" name="' + key + '" value="' + config.data[key] + '" />'
        }
        // $iframe.append($form);
        $(document.body).append($form);
        $form[0].submit().remove();
        // jQuery('<form action="'+ config.url +'" method="'+ ('post') +'">'+inputs+'</form>').appendTo('body').submit().remove();
    }
    /**
     * 张雪
     * 传值  ids放入string中
     */
    // function getvideoIds(url){
    //     var ids = "";
    //     var arr = new Array;
    //     $('input[name="id"]:checked').each(
    //         function (i){
    //             ids += $(this).val()+",";
    //             arr[i] = $(this).val();
    //         });
    //     if(ids.trim().length == 0){
    //         layer.msg("您还未选择要通过的数据");
    //         return false;
    //     }
    //     var videoListSize= $('input[name="videoListSize"]').val();
    //
    //     console.log(videoListSize)
    //     console.log(arr)
    //     if (videoListSize == arr.length)
    //     {
    //         $.ajax({
    //         url: url,// 跳转到 action
    //         data: "ids="+ids,
    //         type: 'post',
    //         cache: false,
    //         dataType: 'json',
    //         // contentType: "application/json",  //发送信息至服务器时内容编码类型。
    //         success: function (data) {
    //             if (data.code == "1") {
    //                 layer.msg('审核成功!', {
    //                     icon: 1, time: 1000, end: function () {
    //                         location.reload();
    //                     }
    //                 });
    //             } else {
    //                 selfmsg('审核失败!');
    //             }
    //         },
    //         error: function () {
    //             selfmsg('审核异常!', 5);
    //         },
    //     });
    //         // layer_show("批量通过",url+"?ids="+ids);
    //     }else{
    //         layer.msg("该组尚有视频未提交!");
    //         return false;
    //     }
    //
    // }

    //审核成功传值
    function getvideoIds(url){
        var ids = "";
        var arr = new Array;
        $('input[name="id"]:checked').each(
            function (i){
                ids += $(this).val()+",";
                arr[i] = $(this).val();
            });
        if(ids.trim().length == 0){
            layer.msg("您还未选择要通过的数据");
            return false;
        }
        var videoListSize= $('input[name="videoListSize"]').val();
        if(arr.length != videoListSize){
            layer.msg("还有"+(videoListSize-arr.length)+"个稿件未校对！");
            console.log(videoListSize)
            console.log(arr)
            return false;
        }
        url = url +"?idsStr="+ids;
        $.ajax({
            url: url,// 跳转到 action
            type: 'post',
            cache: false,
            dataType: 'json',
            contentType: "application/json",  //发送信息至服务器时内容编码类型。
            success: function (data) {
                if (data.code == "1") {
                    layer.msg('审核成功!', {
                        icon: 1, time: 1000, end: function () {
                            location.reload();
                        }
                    });
                } else {
                    selfmsg('审核失败!');
                }
            },
            error: function () {
                selfmsg('审核异常!', 5);
            },
        });
        // layer_show("批量通过",url+"?ids="+ids);

    }


    /**
     * 根据id校对 拒绝
     * @param id
     */
    function leaderVrefuseById(id){
        layer.confirm('确认要拒绝吗？',function(index){
            layer_show("填写理由","/admin/videoLeader/leaderToReason?id="+id);
            // layer_close();
        });
    }

</script>
</body>
</html>